<template>
    <div class="index">
        <div class="showCover">
            <div class="title">
                <h3>米修在线</h3>
                <h4>专注于线上教育,用心做课程,用心做服务!</h4>
            </div>
        </div>
    </div>
</template>
<style scoped>
    .index{
        width: 100%;
        height: 100%;
        background: url(../assets/img/showcase.png);
        background-size: 100% 100%;
        position: relative;
    }
    .showCover{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .7);
        position: absolute;
        top: 0;
        left: 0;
    }
    .title{
        width: 300px;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-weight: bold;
    }
    .title h3{
        font-size: 24px;
        margin-bottom: 40px;
    }
</style>